/**
 * 全局样式
 */
html{ background-color: #eee; }
body{ font-size: 14px; }
img{ max-width: 100%; }
input:focus,
button:focus{ outline: none; }
ul{ list-style-type: none; margin: 0; padding: 0; }
a{ -webkit-tap-highlight-color: transparent; }

/**
 * 字体图标
 */
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1469438309'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1469438309#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1469438309') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1469438309') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1469438309#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before { content: "\e609"; }
.icon-lock:before { content: "\e618"; }
.icon-captcha:before { content: "\e6b2"; }
.icon-warning:before { content: "\e605"; }
.icon-success:before { content: "\e608"; }
.icon-inothing:before { content: "\e61f"; }
.icon-document:before { content: "\e61d"; }
.icon-open:before { content: "\e608"; }
.icon-film:before { content: "\e7b7"; }
.icon-video:before { content: "\e6e0"; }
.icon-left:before { content: "\e63a"; }

/**
 * 空区块
 */
.empty{ color: #999; margin: 20px; text-align: center; }
.empty .iconfont{ font-size: 50px; }
.empty p{ font-size: 12px; }

/**
 * 可滑动列表
 */
ul.slider{ height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; box-sizing: border-box; }
ul.slider::-webkit-scrollbar{ display: none; }
ul.slider li{ display: inline-block; }

/**
 * 首页样式
 */
#index .subject{ background: url('../img/menu-bg.png') repeat-x 0 0; }
#index .subject li{ margin-left: -4px; height: 48px; }
#index .subject li a{ color: #000; display: block; margin: 0; padding: 8px 20px; }
#index .subject li:first-child{ margin-left: 0; }
#index .subject li.active{ position: relative; }
#index .subject li.active a{ color: #fff; background-color: #f28b24; }
#index .subject li.active em{ width: 32px; height: 16px; display: inline-block; background: url('../img/arrow.png') no-repeat 0 0;
    position: absolute;
    left: 18px;
    bottom: 0;
    z-index: 999;
}

#index .filter{ background-color: #fff; padding: 12px; }
#index .filter .item{ margin-top: 15px; padding-left: 40px; position: relative; }
#index .filter .item:first-child{ margin-top: 0; }
#index .filter .item > h5{ color: #666; position: absolute; left: 0; top: 4px; }
#index .filter .item .slider li a{ color: #000; font-size: 12px; border-radius: 2px; display: block; padding: 2px 6px; }
#index .filter .item .slider li.active a{ color: #fff; background-color: #f28b24; }

#index .result{ margin: 15px 0; }
#index .result .title{ height: auto; border-bottom: 1px solid #67b7d1; background: url('../img/bg-line.png') repeat-x 0 0; background-size: auto 80%; overflow: hidden; padding-bottom: 3px; }
#index .result .title li{ line-height: 1; width: 25%; float: left; text-align: center; }
#index .result .title li span{ color: #333; font-size: 13px; font-weight: bold; background-color: #eee; padding: 3px; }

#index .result .lists{ }
#index .result .lists > li{ background-color: #fff; margin: 0 0 5px 0; }
#index .result .lists > li h1{ color: #333; font-size: 13px; font-weight: normal; line-height: 1; border-bottom: 1px dotted #67b7d1; margin: 0 15px; padding: 15px 0 5px 0; }
#index .result .lists > li h1 strong em{ color: #008dbb; }
#index .result .lists > li ul{ height: auto; overflow: hidden; }
#index .result .lists > li ul li{ width: 25%; float: left; text-align: center; box-sizing: border-box; }
#index .result .lists > li ul li a{ display: block; margin: 5px 0; }
#index .result .lists > li ul li a .iconfont{ color: #008dbb; font-size: 24px; }

#item .play{ background-color: #000; }
#item .play video{ width: 100%; box-sizing: border-box; vertical-align: middle; }

#item .playlist{ height: auto; overflow: hidden; margin: 15px 0 0 15px; }
#item .playlist li{ width: 25%; float: left; box-sizing: border-box; padding-right: 15px; display: block; }
#item .playlist li a{ color: #fff; background-color: #999; text-align: center; display: block; margin-bottom: 15px; padding: 5px; }
#item .playlist li.active a{ background-color: #008dbb; }
